/* 
	a design by hussein inerd 
	work started on : wednesday april 06, 2011 : 2210HRS
	
	project finished on :
*/

body {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		margin:0 auto;
		background:#EEE;
		font-size:16px;
		line-height:1.3em;
	}

a {
	color: #00F;
}
a:link {
	color: #00F;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: none;

}
a:hover {
	text-decoration: none;
	background-color: #CCCCCC;
}

a:active {
	text-decoration: none;

}
/* background image fullsize */
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1680px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1680px) { 
/* Specific to this particular image */
img.bg {
	left: 50%;
	margin-left: -840px;   /* 50% */
}
}
/***********************************************/
/*TYPE*/
h3 {
	color:#fff;
	font-weight:normal;
	font-size:20px;
	text-shadow:0px 1px 1px #444;
	margin-bottom:15px;
	padding:5px;
	}

.tweet {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -1px;
	color: #fff;
	font-weight: 100;
	text-shadow:1px 1px 3px #444;
}
.tweetime { 	
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
	font-weight: 100;
	text-shadow:1px 1px 1px #444;
}

/***********************************************/
#wrap { position:relative;}	
#header {
	width:100%;
	background:#fff;
	height:30px;
	box-shadow: 2px 1px 3px #888;
	}
	
	.toplinks, .sociallinks { padding:6px 0px 4px;}
	
	.toplinks { float:left;}	
	.toplinks li { float:left; }
	.toplinks li a{padding:6px 30px 6px;color:#000; text-decoration:none;}
	.toplinks li a:hover {color:#fff; background:#00c6ff; text-decoration:none;}
	
	ul.sociallinks { float:right; width:112px;}
	ul.sociallinks li { display:inline;}
	ul.sociallinks li a { float:left;  height: 16px; text-indent: -9999px; padding-right:16px;  }
	ul.sociallinks li.twitter a {background:url(images/socialinks.png) no-repeat 0 0; width:16px;}
	ul.sociallinks li.facebook a {background:url(images/socialinks.png) no-repeat -32px 0; width:16px;}
	ul.sociallinks li.google a {background:url(images/socialinks.png) no-repeat -64px 0; width:16px;}
	ul.sociallinks li.skype a {background:url(images/socialinks.png) no-repeat -96px 0; width:16px; padding-right:0px;}

	ul.sociallinks li.twitter a:hover {background:url(images/socialinks.png) no-repeat 0 -16px; width:16px;}
	ul.sociallinks li.facebook a:hover {background:url(images/socialinks.png) no-repeat -32px -16px; width:16px;}
	ul.sociallinks li.google a:hover {background:url(images/socialinks.png) no-repeat -64px -16px; width:16px;}
	ul.sociallinks li.skype a:hover {background:url(images/socialinks.png) no-repeat -96px -16px; width:16px;}
	

#twitter { margin:120px 0px;}

.work { color:#444;}
	.work .witem { width:210px; background:#fff; padding:15px;}
	.wtitle { font-size:16px; font-weight:bold;}
	.wurl { font-weight:normal; font-size:14px;}